<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="tab.css"/>
	</head>
	<body>
		
		<div id="tab1" class="tab-wp">
	        <ul class="tab-header">
	            <li class="on">aaa</li>
	            <li>bbb</li>
	            <li>ccc</li>
	        </ul>
	        <div id="tabCnt" class="tab-cnt">
	            <div>111</div>
	            <div>222</div>
	            <div>333</div>
	        </div>
	    </div>
		
		<script src="../../lib/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquery.tab.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// 调用
			$('#tab1').tab();
		</script>
	</body>
</html>
